<div class="form-group" [formGroup]="configuration.formGroupReference">
    <div class="input-group">
        <input
            type="text"
            [formControlName]="configuration.formControlId"
            class="form-control qa-{{ configuration.qaPrefix }}-{{ configuration.formControlId }} {{
                configuration.inputClass
            }}"
            placeholder="{{ labelTranslationKey | translate }}"
            [required]="configuration.required"
            [minlength]="configuration.minlength"
            [maxlength]="configuration.maxlength"
            #inner
        />
        <span class="input-group-append">
            <button class="btn btn-primary" type="submit" [disabled]="!inner.value">
                <em class="fa {{ iconClass }}"></em>
            </button>
        </span>
        <app-form-input-error
            class="invalid-feedback"
            [formGroupReference]="configuration.formGroupReference"
            [formControlId]="configuration.formControlId"
        >
        </app-form-input-error>
    </div>
</div>
